.search_bar {
  background-color: white;
  border: 1px solid #eee;
  border-radius: 8px;
  margin: 10px;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  // padding-left: 200px;
 
  .dialect_name_tag {
    // border: 1px solid #d9d9d9;
    background-color: var(--color);
    // position: absolute;
    // right: 5px;
    // top: 5px;
    color: white;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 4px;
    white-space: nowrap;
    // z-index: 999000;
  }
  .textarea {
    // width: 590px;
    position: relative;
    width: 650px;
    // height: 96px;
    min-height: 100px;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    resize:vertical;

    border: 1px solid #d9d9d9;
    outline: none;
  }

  .btn_box {
    margin-left: 10px;
    width: 60px;
    // display: flex;
    // justify-content: space-between;
    // align-items: center;
    // flex-direction: column;
    height: 90px;
    outline: none;

    // border: 1px solid red;
    .setting_btn {
      width: 45px;
      height: 44px;
      font-size: 16px;
      border-radius: 4px;
      color: #333;
      background-color: #fafafa; 
      outline: none;
      border: none;
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #d9d9d9;
      box-sizing: border-box;
      position: relative;

      // border: 1px solid red;
      // margin-bottom: 10px;

      img {
        width: 20px;
      }
    }

    .search_btn {
      width: 45px;
      height: 44px;

      border-radius: 4px;
      // border: 1px solid red;
      margin-top: 10px;
      outline: none;
      border: none;
      cursor: pointer;
      box-sizing: border-box;

      background: var(--color);
      color: white;
    }

    .icon {
      font-size: 18px;
    }
  }
}

.search_content {
  padding: 20px;
  padding-left: 200px;
  background-color: white;
  border: 1px solid #eee;
  border-radius: 8px;
  margin: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 540px;
  // border: 1px solid red;

  .search_content_main {
    // flex: 1;
    position: relative;
    width: 650px;
    margin-right: 150px;
    box-sizing: border-box;
    padding: 20px;
    // box-shadow: 0 2px 3px rgb(0 0 0 / 1%);
    border: 1px solid rgba(150, 150, 150, 0.2);
    border-radius: 4px;
    margin-bottom: 20px;
  }
}

/* 表示屏幕尺寸小于等于设定px时 */
@media screen and (max-width: 1064px) {
  .search_content,
  .search_bar {
    padding-left: 20px !important;
  }

  .search_content_main {
    margin-right: 0 !important;
  }

  .logo_block {
    display: none !important;
  }
}
